<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no">
    <meta name="keywords" content="xx,xx,xx" />
    <meta name="description" content="yyyyyyy" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta property="qc:admins" content="70003766576320416375" />
    <meta name="format-detection" content="telephone=no">
    <title>身份证</title>
    <link rel="stylesheet" href="../../css/base/jquery-ui-1.10.3.css" type="text/css">
    <link rel="stylesheet" href="../../plugin/bootstrap-3.3.7/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../css/job.css">
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

  <style>
      body,html{
          height: 100%;
      }
      .container-fluid{
          height: 100%;
      }
       .card-box{
          height: 140px;
          border-radius: 4px;
          max-width: 95%;
          background: url(../../images/id-card-active.jpg) no-repeat center;
          background-size:cover;
          -webkit-background-size:cover;
          -moz-background-size:cover;
          -o--webkit-background-size:cover;
          padding: 10px;
          margin: 10px auto;
          position: relative;
      }
       .card-box:nth-child(2){
           background: url(../../images/id-card.png) no-repeat center!important;
           background-size:cover!important;
           -webkit-background-size:cover!important;
           -moz-background-size:cover!important;
           -o--webkit-background-size:cover!important;
           text-align:center;
           font-size: 18px;
           font-weight: 700;

       }
       .card-box h6{
          font-size: 20px;
          color: black;
      }
      .add-card{
          height: 40px;
          background: #545252;
          line-height: 35px;
          padding: 0 10px;
          width: 100%;
          font-size: 20px;
      }

      .glyphicon-edit:before{
          margin-right: 5px;
          top: 2px;
          position: relative;
      }
  </style>
</head>
<body>
<div class="container-fluid" style="background-color:#403f3f">
    <!--header start-->
    <div class="row header">
      <div><span id="back" class="glyphicon  glyphicon-chevron-left" style="float: left;cursor: pointer;"></span>身份证</div>
    </div>
        <!--header end-->

    <!--content start-->
    <div class="row content">
             <div class="card-box" id="id-card">
                     <!--<h6 style="margin-top: 0">姓&nbsp;&nbsp;&nbsp;&nbsp;名：<span>王麻子</span></h6>-->
                     <!--<h6>性&nbsp;&nbsp;&nbsp;&nbsp;别：<span>男</span></h6>-->
                     <!--<h6>出生年月：<span>1992-11-5</span></h6>-->
             </div>
            <div class="card-box">
              <p style="margin-top: 50px"> 您还没有添加身份证，赶快去添加吧！</p>
            </div>
          <div class="add-card ">
              <a href="replace-id-card.html" style="color: white;"><span id="card-status" class="glyphicon glyphicon-edit" style="top: 4px;"></span>
              <span class="glyphicon  glyphicon-chevron-right" style="float: right;line-height: 2"></span>
              </a>
          </div>
    </div>
    <!--content end-->


</div>
<!--<div style="position: relative">-->
    <!--<a class="btn" id="send-evaluate">发布评价</a>-->
<!--</div>-->
</body>
<script src="../../js/common/jquery-2.1.4.min.js"></script>
<script src="../../js/index.js"></script>
<script src="../../plugin/bootstrap-3.3.7/dist/js/bootstrap.min.js"></script>
<script src="../../js/common/common.js"></script>
<script src="../../js-data/common/template.js"></script>
<script src="../../js-data/id.card.js"></script>



</html>